<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>审批</title>
    <script src="../../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../../scripts/CopyExcel.js" type="text/javascript"></script>
    <script src="../../../../../../js/dateUtil.js" type="text/javascript"></script>
    
    <link rel="stylesheet" href="../../../css/commen.css"/>
     <link href="../../../css/tableLayout.css" rel="stylesheet" type="text/css"/>
    <link href="../../../themes/default/easyui.css" rel="stylesheet" type="text/css">
    <link href="../../../themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css">
    <link href="../../../css/main.css"rel="stylesheet"type="text/css"/>
    <link href="../../../res/css/demo.css" rel="stylesheet" type="text/css" />
	<style>
		#form1 fieldset{
			margin:0;padding:0;border:0;width:100%;
			height:100%;overflow:hidden;
		}
		.formTemplate .mini-layout-region-body {
			overflow: hidden;
		}
		#formField {
			overflow: auto;
		}
		#formField label{
			display: inline-block;
		}
		#formName h1{
			text-align: center;
		}
		#formLayout>.mini-layout-border {
			height: 96vh;
		}
		#formLayout>.mini-layout-border #north {
			height: 97vh !important;
		}
		.mini-layout-split-nodrag#north {
			display: none;
		}
		#add, #save, #edit, #remove, #cancel, #approve, #abandon, #refer {
			display: none;
		}
		#popupMenu li{
			list-style: none;
			padding: 4px 0 4px 12px;
			cursor: grab;
		}
		#popupMenu li:hover {
			background: #e6f1fa;
		}
	</style>

</head>
<body>
	<!--按钮栏-->
	<div property="toolbar" >
		<table style="width:100%;">
			<tr>
				<td style="width:100%;"></td>
				<td style="white-space:nowrap;">
					<!-- <a class="mini-button" iconCls="icon-ok" onclick="onSubmitApproval" style="width:100px;">转发</a> -->
					<a id="okBtn" class="mini-button" iconCls="icon-ok" onclick="onOk()" style="width:66px;">批准</a>
					<a class="mini-button" iconCls="icon-remove" onclick="onReject()" style="width:66px;">中止</a>
					<a class="mini-button" iconCls="icon-remove" onclick="backUp()" style="width:66px;">驳回</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onEntrustedAudit()" style="width:66px;">委托</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onStopActiviti()" style="width:66px;">暂停</a>
					<!-- <a class="mini-button" iconCls="icon-edit" onclick="onForward()" style="width:66px;">转发</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onSeeAcitiviImg()" style="width:100px;">查看流程图</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onShowList()" style="width:100px;">审批列表</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onEntrustedTask()" style="width:100px;">委托任务</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onFreeDismissal()" style="width:100px;">自由驳回</a>
					<a class="mini-button" iconCls="icon-edit" onclick="onRelation()" style="width:100px;">关联功能</a> -->
				</td>
			</tr>
		</table>
	</div>
	<!-- 单据信息 -->
	<!-- <form id="form1" method="post">  -->
	<div class="mini-splitter" style="width:100%;height:95%;">
		<div size="70%" showCollapseButton="true" style="padding:5px;">
			<div id="form1" class="formTemplate">
				<fieldset style="padding:3px;margin-bottom: 5px">
					<legend >单据信息</legend>
					<!--按钮栏-->
					<div id="btnBox" style="width:100%;">
						<div class="mini-toolbar" style="border-bottom:0;padding:0px;">
							<table style="width:100%;">
								<tr>
									<td style="width:100%;">
										<a class="mini-button" iconCls="icon-edit" onclick="onEditForm()">编辑</a>
										<a id="saveEl" class="mini-button" iconCls="icon-save" onclick="onSaveForm() " enabled="true">保存</a>
										<a class="mini-button" iconCls="icon-cancel" onclick="onCancelForm() ">取消</a>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<div id="formName"></div>
					<form id="formField" style="width:100%;height:calc(95vh - 70px);position:relative;overflow:scroll;"></form>
				</fieldset>
			<!-- </form> -->
			</div>
		  </div>
		<div showCollapseButton="true">
			<!-- 可折叠 iconCls="icon-add" -->
			<div id="panel1" class="mini-panel" title="审批" style="width:100%;"
			    showToolbar="true" showCollapseButton="true" showFooter="true" collapseOnTitleClick="true">
			    <form id="form2" method="post">
			    	<!-- 表单信息 -->
					<!-- <fieldset style="padding:3px;margin-bottom: 5px"> -->
						<!-- <legend >审批信息</legend> -->
					    <table border="0" cellpadding="1" cellspacing="2" style="width:100%;table-layout:fixed;">
							<tr>
					        	<td style="width:80px;">批注：</td>
					           	<td colspan="3">
					             	<input name="remarks" class="mini-textarea" style="width:100%;height:100px;"/>
					            </td>
					        </tr>
					     </table>
					<!-- </fieldset>-->
				</form>
			</div>
			<!-- 可折叠 iconCls="icon-add" -->
			<div id="panel2" class="mini-panel" title="审核记录" style="width:100%;"
			    showToolbar="true" showCollapseButton="true" showFooter="true" collapseOnTitleClick="true">
			   <div showCollapseButton="true">
			   		<!-- 批注历史列表 -->
			    	<div id="refDatagrid" class="mini-datagrid" style="width:100%;height:200px;" idField="taskId"
			            multiSelect="false" showPager='false'>
				        <div property="columns">
				        	<!-- <div type="checkcolumn"></div> -->
				            <div type="indexcolumn" width="40" headerAlign="center">序号</div>
				            <div field="taskId" width="80" headerAlign="center" align="center">任务ID</div>
				            <div field="fullMessage" width="100" headerAlign="center" align="center">批注信息</div>
				            <div field="time" width="100" headerAlign="center" align="center" dateFormat="yyyy-MM-dd HH:mm:ss" >批注时间</div>
				    	</div>    
					</div>
			    </div>
			</div>
			<div id="panel3" class="mini-panel" title="流程图" style="width:100%;"
			    showToolbar="true" showCollapseButton="true" showFooter="true" collapseOnTitleClick="true">
			   <div showCollapseButton="true">
				   <div style="background:#fff;margin:0 auto;height:200px overflow: scroll;">
					   <img id="imgs" src="" alt="" style="width: 100%;height: auto"/>
				   </div>
			    </div>
			</div>
    	</div>
  </div>

    <script src="../../../js/activiti_js/approvalDetail.js"></script>
</body>
</html>
